<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游攻略 - 汉中旅游</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
</head>
<body>
    <!-- 顶部导航栏 -->
    <header id="navbar" class="navbar">
        <div class="container">
            <div class="navbar-container">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" alt="汉中旅游Logo">
                    <span class="logo-text">汉中旅游</span>
                </a>
                
                <!-- 桌面导航 -->
                <nav class="nav-links">
                    <a href="index.html" class="nav-link">首页</a>
                    <div class="dropdown">
                        <a href="scenic.html" class="nav-link">
                            景点介绍
                            <i class="fa fa-chevron-down"></i>
                        </a>
                        <div class="dropdown-menu">
                            <a href="scenic.html#zhongnan">古汉台</a>
                            <a href="scenic.html#libai">武侯祠</a>
                            <a href="scenic.html#taibai">张良庙</a>
                        </div>
                    </div>
                    <a href="routes.html" class="nav-link">旅游线路
                        <div class="dropdown-menu">
                            <a href="scenic.html#zhongnan">古汉台</a>
                            <a href="scenic.html#libai">武侯祠</a>
                            <a href="scenic.html#taibai">张良庙</a>
                        </div>
                    </a>
                    <a href="guide.html" class="nav-link active">旅游攻略</a>
                    <a href="food.html" class="nav-link">美食推荐</a>
                    <a href="culture.html" class="nav-link">汉文化活动</a>
                    <div class="dropdown">
                        <a href="#" class="nav-link">
                            更多
                            <i class="fa fa-chevron-down"></i>
                        </a>
                        <div class="dropdown-menu">
                            <a href="contact.html">联系我们</a>
                            <a href="faq.html">常见问题</a>
                        </div>
                    </div>
                </nav>
                
                <!-- 移动端菜单按钮 -->
                <button id="menu-toggle" class="menu-toggle">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
        </div>
    </header>

    <main>
        <!-- 页面标题 -->
        <section class="page-header">
            <div class="container">
                <h1 class="page-title">旅游攻略</h1>
                <p class="page-description">为您提供全面的汉中旅游指南，让您的旅程更加完美</p>
            </div>
        </section>

        <!-- 交通指南 -->
        <section id="transport" class="section">
            <div class="container">
                <h2 class="section-title">交通指南</h2>
                <div class="guide-content">
                    <div class="guide-section">
                        <h3><i class="fa fa-plane"></i> 航空交通</h3>
                        <div class="guide-card">
                            <h4>汉中城固机场</h4>
                            <p>汉中城固机场位于汉中市城固县，距离市区约30公里。</p>
                            <ul>
                                <li>主要航线：北京、上海、广州、深圳、成都等</li>
                                <li>机场大巴：机场-市区，票价约30元</li>
                                <li>出租车：约100-150元</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-train"></i> 铁路交通</h3>
                        <div class="guide-card">
                            <h4>汉中火车站</h4>
                            <p>汉中火车站位于市区，交通便利。</p>
                            <ul>
                                <li>高铁：西安-汉中，约1.5小时</li>
                                <li>普通列车：北京、上海、广州等方向</li>
                                <li>公交：1路、2路、3路等多条线路可达</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-bus"></i> 公路交通</h3>
                        <div class="guide-card">
                            <h4>长途汽车</h4>
                            <p>汉中汽车站位于市区，有发往周边城市的长途汽车。</p>
                            <ul>
                                <li>西安方向：约3小时</li>
                                <li>成都方向：约6小时</li>
                                <li>重庆方向：约8小时</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 住宿推荐 -->
        <section id="accommodation" class="section">
            <div class="container">
                <h2 class="section-title">住宿推荐</h2>
                <div class="guide-content">
                    <div class="guide-section">
                        <h3><i class="fa fa-hotel"></i> 市中心酒店</h3>
                        <div class="guide-card">
                            <h4>汉中中心商务区</h4>
                            <p>位于市中心，交通便利，购物餐饮方便。</p>
                            <ul>
                                <li>汉中希尔顿酒店：五星级，价格800-1500元/晚</li>
                                <li>汉中凯悦酒店：四星级，价格500-1000元/晚</li>
                                <li>汉中如家酒店：经济型，价格200-400元/晚</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-home"></i> 景区周边住宿</h3>
                        <div class="guide-card">
                            <h4>特色民宿</h4>
                            <p>体验当地特色，感受汉中文化。</p>
                            <ul>
                                <li>武侯祠周边：古风民宿，价格300-600元/晚</li>
                                <li>古汉台附近：文化主题客栈，价格200-500元/晚</li>
                                <li>张良庙周边：山景民宿，价格400-800元/晚</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 最佳旅游时间 -->
        <section id="besttime" class="section">
            <div class="container">
                <h2 class="section-title">最佳旅游时间</h2>
                <div class="guide-content">
                    <div class="guide-section">
                        <h3><i class="fa fa-sun-o"></i> 春季（3-5月）</h3>
                        <div class="guide-card">
                            <h4>油菜花观赏季</h4>
                            <p>春季是观赏油菜花的最佳时节，气温适宜，景色宜人。</p>
                            <ul>
                                <li>推荐景点：城固油菜花海</li>
                                <li>平均气温：15-25℃</li>
                                <li>注意事项：带好防晒用品，准备雨具</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-leaf"></i> 夏季（6-8月）</h3>
                        <div class="guide-card">
                            <h4>避暑胜地</h4>
                            <p>夏季气候凉爽，是避暑的好去处。</p>
                            <ul>
                                <li>推荐景点：黎坪国家森林公园</li>
                                <li>平均气温：20-30℃</li>
                                <li>注意事项：带好防蚊虫用品，准备薄外套</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-tree"></i> 秋季（9-11月）</h3>
                        <div class="guide-card">
                            <h4>红叶观赏季</h4>
                            <p>秋季天高气爽，是观赏红叶的最佳时节。</p>
                            <ul>
                                <li>推荐景点：龙头山、紫柏山</li>
                                <li>平均气温：10-20℃</li>
                                <li>注意事项：带好保暖衣物，准备登山装备</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3><i class="fa fa-snowflake-o"></i> 冬季（12-2月）</h3>
                        <div class="guide-card">
                            <h4>温泉养生季</h4>
                            <p>冬季可以体验温泉，感受温暖。</p>
                            <ul>
                                <li>推荐景点：汉中温泉度假区</li>
                                <li>平均气温：0-10℃</li>
                                <li>注意事项：带好保暖衣物，准备泳衣</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <!-- 关于我们 -->
                <div class="footer-section">
                    <h3 class="footer-title">关于我们</h3>
                    <p class="footer-text">汉中旅游网致力于为游客提供全面、准确的汉中旅游信息，帮助您规划完美的汉中之旅。</p>
                    <div class="social-links">
                        <a href="#"><i class="fa fa-weibo"></i></a>
                        <a href="#"><i class="fa fa-wechat"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-youtube-play"></i></a>
                    </div>
                </div>
                
                <!-- 快速链接 -->
                <div class="footer-section">
                    <h3 class="footer-title">快速链接</h3>
                    <ul class="footer-links">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="scenic.html">景点介绍</a></li>
                        <li><a href="routes.html">旅游线路</a></li>
                        <li><a href="guide.html">旅游攻略</a></li>
                        <li><a href="food.html">美食推荐</a></li>
                        <li><a href="culture.html">汉文化活动</a></li>
                    </ul>
                </div>
                
                <!-- 联系我们 -->
                <div class="footer-section">
                    <h3 class="footer-title">联系我们</h3>
                    <ul class="footer-links">
                        <li>
                            <i class="fa fa-map-marker"></i>
                            <span>陕西省汉中市汉台区东大街1号</span>
                        </li>
                        <li>
                            <i class="fa fa-phone"></i>
                            <span>0916-12345678</span>
                        </li>
                        <li>
                            <i class="fa fa-envelope"></i>
                            <span>info@hanzhongtourism.com</span>
                        </li>
                        <li>
                            <i class="fa fa-clock-o"></i>
                            <span>周一至周日 9:00-18:00</span>
                        </li>
                    </ul>
                </div>
                
                <!-- 下载应用 -->
                <div class="footer-section">
                    <h3 class="footer-title">下载我们的应用</h3>
                    <p class="footer-text">扫描微信二维码下载汉中旅游App，随时随地获取旅游信息</p>
                    <div class="qr-code">
                        <img src="images/qrcode.png" alt="下载二维码">
                    </div>
                    <div class="app-links">
                        <a href="#"><i class="fa fa-apple"></i></a>
                        <a href="#"><i class="fa fa-android"></i></a>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p class="copyright">© 2025 汉中旅游网 版权所有 | 陕ICP备12345678号</p>
                <div class="footer-links">
                    <a href="#">隐私政策</a>
                    <a href="#">使用条款</a>
                    <a href="#">网站地图</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- 返回顶部按钮 -->
    <button id="back-to-top" class="back-to-top">
        <i class="fa fa-arrow-up"></i>
    </button>

    <!-- JavaScript -->
    <script src="js/script.js"></script>
</body>
</html> 